<script setup lang="ts">
const props = withDefaults(
    defineProps<{
        name?: string;
        size?: number;
        color?: string;
        title?: string;
    }>(),
    {
        name: 'icon-xihuan',
        size: 16,
        color: '',
        title: '',
    },
);
</script>
<template>
    <i
        :class="['iconfont', `icon-${props.name}`]"
        :title="props.title"
        :style="{ fontSize: `${props.size}px`, color: props.color }"
    ></i>
</template>

<style lang="scss" scoped></style>
